@import '../../static/style/theme/color_theme'

.product_info_wrapper
    //padding: 20px 20px
    margin-bottom: 20px
    //background: $color_ffff
    //box-shadow: 0 0 8px rgba(0, 0, 0, 0.1)
    position: relative
    z-index: 999

.info_top
    padding: 20px 20px
    background: $color_ffff
    box-shadow: 0 0 8px rgba(0, 0, 0, 0.1)
    border-radius: 4px

.product_name
    position: relative
    float: left
    font-size: 24px
    color: $color_6666
    width: 388px
    white-space: nowrap
    text-overflow: ellipsis
    span
        display: inline-block
        white-space: nowrap
        text-overflow: ellipsis
        overflow: hidden
        max-width: 100%

    &::after
        position: absolute
        content: attr(data-status)
        font-size: 13px
        color: $color_036f
        margin-left: 10px
        width: 120px

.bottom_content
    padding-top: 10px
    display: flex
    justify-content: space-around
    > dl
        min-width: 29%
        &:nth-child(1)
            margin-right: 16px
        &:nth-child(2)
            margin-left: 8px
            margin-right: 8px
        &:nth-child(3)
            margin-left: 16px

    .bottom_middle_items
        box-shadow: 4px 4px 5px #d9e3ed
        flex: 1
        max-width: 33.33%
        border-radius: 4px

        dt
            width: 100%
            background: $color_ffff
            border-top-right-radius: 4px
            border-top-left-radius: 4px
            padding: 10px 20px
            font-size: 18px
            color: $color_6666
            border-bottom: 1px solid $color_eeee

        dd
            background: $color_ffff
            width: 100%
            border-bottom-left-radius: 4px
            border-bottom-right-radius: 4px
            padding: 10px 20px 20px 20px
            margin-bottom: 0
            display: flex
            justify-content: space-between

            div
                //width: 33.33%
                padding: 10px 0 0 16px
                &:nth-child(1)
                    //background: url('../../static/img/line_1.png') right center repeat-y
                    padding-right: 1px
                &:nth-child(2)
                    //background: url('../../static/img/line_1.png') right center repeat-y
                    padding-right: 1px

                strong
                    display: block
                    width: 100%
                    font-weight: 500
                    font-size: 18px
                    em
                        font-style: normal
                        font-size: 13px

                span
                    display: block
                    padding-top: 4px
                    font-size: 16px
                    color: $color_6666
                    padding-bottom: 10px
                    position: relative
                    &:before
                        position: absolute
                        content: ''
                        width: 8px
                        height: 8px
                        border-radius: 50%
                        background: #0b90ef
                        left: -16px
                        top: 50%
                        margin-top: -7px




